<%-- 
    Document   : CenAp
    Created on : Oct 26, 2011, 4:40:32 PM
    Author     : kijoo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
        <title>Beautiful advanced jQuery background image slideshow</title>
        <link rel="stylesheet" type="text/css" href="CSS/slideshow.css"/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/slideshow.js"></script>
    </head>
    <body>
            <div id="header">
                <!-- jQuery handles to place the header background images -->
                <div id="headerimgs">
                    <div id="headerimg1" class="headerimg1"></div>
                    <div id="headerimg2" class="headerimg"></div>
                </div>
                <!-- Top navigation on top of the images -->

                <!-- Slideshow controls -->
                <div id="headernav-outer">
                    <div id="headernav">
                        <div id="back" class="btn"></div>
                        <div id="control" class="btn"></div>
                        <div id="next" class="btn"></div>
                    </div>
                </div>

            </div>
</body>
</html>